<?php 
require_once 'includes/includes.php';
conexion();
require 'clases/News.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Prepaid  
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20110227

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><?php titulo(); ?></title>
<link href="<?php echo $DIRECTORY; ?>style.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $DIRECTORY; ?>plugins/slider/style.css" />
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 
<script type="text/javascript">
	$(document).ready(function(){
		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>
</head>
<body>
<div id="wrapper">
	
	<div id="page">

	<?php require 'header.php'; ?>
	<!-- end #header -->
	
	<?php require 'menu.php'; ?>
	<!-- end #menu -->
	
	<div id="splash">&nbsp;</div>
	
	
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">				

					<!-- comienza slider -->
					<div id="featured" style="margin-left:0px; margin-bottom:10px;">
						<ul class="ui-tabs-nav">
							<?php 
							$i=0;
							for($i=1; $i<=4; $i++){ 
								$not = new News(1,1,1,1,1,1);
								$not->getNewByOrder($i,1);
								//impresion de los bloques en la derecha
								echo '<li class="ui-tabs-nav-item" id="nav-fragment-'.$i.'"><a href="#fragment-'.$i.'"><img width="80" height="50" src="'.$DIRECTORY.$not->getUrlImagen().'" alt="" /><span>'.$not->getTitle().'</span></a></li>';			
							} 
							?>
						</ul>

						<?php 
						$i=0;
						for($i=1; $i<=4; $i++){ 
							$not = new News(1,1,1,1,1,1);
							$not->getNewByOrder($i,1);
						?>
						<div id="fragment-<?php echo $i;  ?>" 
							
							<?php  
							if($i != 1){
								echo 'class="ui-tabs-panel ui-tabs-hide"';
							}
							if($i == 1){
								echo 'class="ui-tabs-panel"';
							} ?>
							

							style="">
							<img width="410" height="250" src="<?php echo $DIRECTORY.$not->getUrlImagen(); ?>" alt="" />
							 <div class="info" >
								<h2><a href="<?php echo $not->link; ?>" ><?php echo $not->getTitle(); ?></a></h2>
								<p><?php echo $not->getSummary()." "; ?><a href="<?php echo $not->link; ?>" >Leer más</a></p>
							 </div>
						</div>
						<?php
						}
						$not = null;
						?>					
						
					</div>
					<!-- fin de slider -->
				
					
					<!-- columna izquierda de noticias -->
					<div id="content-left">	
						<?php for($i=5; $i <= 8; $i++){ ?>					
						<div class="post">
							<?php $not = new News(1,1,1,1,1,1);
							$not->getNewByOrder($i,1); ?>
							<h2 class="title" style="font-size:20px"><a href="<?php echo $not->link; ?>"><?php  echo $not->getTitle(); ?></a></h2>
							<div class="entry">
								<p><img src="images/img08.jpg" width="143" height="143" alt="" class="alignleft border" />
								<?php echo $not->getSummary(); ?></p>
							</div>
							<div style="clear:both"></div>
							<p class="meta">Publicado el <?php echo $not->getCreated(); ?> hs. 
								&nbsp;&bull;&nbsp; <a href="<?php echo $not->link; ?>" class="permalink">Articulo completo</a></p>
						</div>
						<?php } ?>
							
					</div>

					
					<!-- columna derecha de noticias -->
					<div id="content-right">
						<?php for($i=9; $i <= 12; $i++){ ?>					
						<div class="post">
							<?php $not = new News(1,1,1,1,1,1);
							$not->getNewByOrder($i,1); ?>
							<h2 class="title" style="font-size:18px"><a href="<?php echo $not->link; ?>"><?php  echo $not->getTitle(); ?></a></h2>
							<div class="entry">
								<p style="font-size:11px;"><img src="images/img08.jpg" width="123" height="123" alt="" class="alignleft border" />
								<?php echo $not->getSummary(); ?></p>
							</div>
							<div style="clear:both"></div>
							<p class="meta">Publicado el <?php echo $not->getCreated(); ?> hs. 
								&nbsp;&bull;&nbsp; <a href="<?php echo $not->link; ?>" class="permalink">Articulo completo</a></p>
						</div>
						<?php
						} 
						$not = null;
						?>
					</div>
					
					
					
					<div style="clear: both;">&nbsp;</div>
				</div>
				<!-- end #content -->
				

				<!-- tercer columna - publicidades -->
				<?php require 'sidebar.php'; ?>


				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
</div>

<!-- pie de la pagina -->
<?php require 'footer.php'; ?>
</body>
</html>
